 /*=========================初始化 css 开始======================== */
	@import "base.less";
/* =========================初始化 css 结束======================== */


/* ======================导航栏样式开始================= */
	@import "global.less";
	nav{
		.nav_firstLevel{
			.nav_list{
				ul.product_intro{
					display: block;
				}
			}
		}
		.nav_twoLevel{
			display: block;
			
		}
	}
/* ======================导航栏样式结束================= */


/* ====================== VR 套件箱 页面开始================= */
main{
	padding-top:140px;
	h3{
		font:900 50px/60px "Microsoft Yahei";
		text-align:center;
	}
	#vr_dev_hd{
		width:100%;
		background:url(../images/vr_dev_hd_bg.png) no-repeat center;
		background-size:contain;
		&::after{
			content:"";
			display: block;
			padding:20%;
		}
	}
	#dev_kit{
		width:100%;
		>div{
			width:960px;
			margin:0 auto;
			text-align:center;
			margin-top:-65px;
			img{
				width:45px;
				margin:20px auto;
			}
			p{
				font:16px/24px "Microsoft Yahei";
				margin-bottom:30px;
				color:#9c9c9d;
			}
		}
		img{
			display: block;
			width:100%;
		}
	}
	#dev_basic{
		width:100%;
		height:650px;
		background:url(../images/line.png) no-repeat center bottom;
		background-size:100% auto;
		position:relative;
		h3{
			font:900 40px "Microsoft Yahei";
			margin:80px 0 0 450px;
		}
		>div{
			width:800px;
			position:absolute;
			padding-left:300px;
			left:50%;
			h4{
				font:700 24px/30px "Microsoft Yahei";
			}
			&:first-of-type{
				top:110px;
				transform:translateX(-70%);
				background:url(../images/dev_board_bg.png) no-repeat ;
				background-size:250px auto;
			}
			&:last-of-type{
				top:350px;
				transform:translateX(-45%);
				background:url(../images/dev_aio_bg.png) no-repeat;
				background-size:250px auto;
				div:last-of-type{
					background:url(../images/aio.png) no-repeat left 35px;
				}
			}
			>div{
				width:730px;
				height:200px;
				padding:35px 0 0 70px; 
				background:url(../images/dev_board.png) no-repeat left 35px;
				background-size:80px auto;
				h4,p{
					margin-left:45px;
				}
				p{
					font:16px/45px "Microsoft Yahei";
					color:#7e7e7e;
				}
			}
		}
	}
	#dev_interaction{
		width:100%;
		height:1000px;
		padding-top:30px;
		position:relative;
		>div{
			width:330px;
			height:316px;
			position:absolute;
			&:nth-of-type(1){
				background:#EEEEEE;
				border:4px solid #F3A502;
				padding:100px 25px;
				top:150px;
				left:50%;
				transform:translateX(-115%);
				/* &:hover{
					transition: transform 0.3s linear;
					transform:translateX(-115%) scale(1.1,1.1);
				} */
				p{
					font:20px/30px "Microsoft Yahei";
					color:#292929;
					text-indent:2em;
				}
			}
			&:nth-of-type(2){
				background:url(../images/dev_interaction1.png) no-repeat;
				top:150px;
				left:50%;
				transform:translateX(15%);
				background-size:330px auto;
				/* &:hover{
					transition: transform 0.3s linear;
					transform:translateX(15%) scale(1.1,1.1);
				} */
			}
			&:nth-of-type(3){
				background:url(../images/dev_interaction2.png) no-repeat;
				top:550px;
				left:50%;
				transform:translateX(-185%);
				background-size:330px auto;
			/* 	&:hover{
				transition: transform 0.3s linear;
				transform:translateX(-185%) scale(1.1,1.1);
			} */
			}
			&:nth-of-type(4){
				background:url(../images/dev_interaction3.png) no-repeat;
				top:550px;
				left:50%;
				transform:translateX(-50%);
				background-size:330px auto;
				/* &:hover{
					transition: transform 0.3s linear;
					transform:translateX(-50%) scale(1.1,1.1);
				} */
			}
			&:nth-of-type(5){
				background:url(../images/dev_interaction4.png) no-repeat;
				top:550px;
				left:50%;
				transform:translateX(85%);
				background-size:330px auto;
				/* &:hover{
					transition: transform 0.3s linear;
					transform:translateX(85%) scale(1.1,1.1);
				} */
			}

		}
		>p{
			width:500px;
			position:absolute;
			bottom:35px;
			left:60%;
			background:url(../images/help.png) no-repeat left 4px;
			font:20px/30px "Microsoft Yahei";
			color:#7ba9be;
			padding-left:30px;
		}
	}
	#dev_course{
		width:100%;
		height:550px;
		background:#EFEFEF;
		padding-top:50px;
		text-align:center;
		>img{
			margin:20px 0 50px;
		}
		>p{
			font:18px/20px "Microsoft Yahei";
			color:#7e7e7e;
			margin-bottom:50px;
		}
		div{
			width:980px;
			margin:0 auto;
			overflow:hidden;// 恢复高度
			img{
				width:60%;
			}
			div{
				width:325px;
				p{
					// width:280px;
					text-align:left;
					font:18px/35px "Microsoft Yahei";
				}
			}
		}
	}
	#dev_research{
		h3{
			margin-top:50px;
			&:last-of-type{
			padding:50px 0 10px 0;
			background:#efefef;
			}
		}
		img:first-of-type{
			width:66%;
			display: block;
			margin:10px auto 50px;
		}
		img:last-of-type{
			width:100%;
			display:block;
		}
	}
	#dev_case{
		min-width:1070px;
		width:1070px;
		margin:0 auto 20px;
		h3{
			text-align:left;
			padding:50px 0 20px 0;
		}
		p{
			font-size:18px;
			margin-bottom:40px;
		}
		img{
			width:350px;
			// display:block;
		}
	}
}
/* ====================== VR 套件箱 页面结束=================*/